
<template>
<div class="view-container deportalview project-dashboard-view ">
    <app-studioaction :viewTitle="$t(model.srfCaption)" viewName="projectdashboardview"></app-studioaction>
    <card class='view-card  view-no-toolbar' :disHover="true" :padding="0" :bordered="false">

<div slot='title' class="header-container">
    <span class='caption-info pt-4 pl-5 pb-4 pr-5' style="color:black;font-size:25px;">{{$t(model.srfCaption)}}</span>
    <v-col class="text-right">
        <v-btn depressed small color="white" >
            <v-icon small>mdi-wrench</v-icon>
            <span style="color:gray">设置</span>
        </v-btn>
    </v-col>
</div>

<div slot='title'>
    <span class="pt-4 pl-5 pb-4 pr-5">
        <v-avatar size="32">
      <img
        src="https://avatar-alioss.tower.im/default_avatars/winter.jpg"
        alt="简学云"
      >
    </v-avatar>
    <v-btn small outlined style="margin-left:10px;border:1px solid #f0f0f0;">添加成员</v-btn>
    </span>
</div>
        <div class="content-container">
        <div class='view-top-messages'>
        </div>
            <view_dashboard 
                :viewState="viewState"  
                :viewparams="viewparams" 
                :context="JSON.parse(JSON.stringify(context))" 
                :isEnableCustomized = "false"
                name="dashboard"  
                ref='dashboard' 
                @load="dashboard_load($event)"  
                @closeview="closeView($event)">
            </view_dashboard>
        <div class='view-bottom-messages'>
        </div>
        </div>
    </card>
</div>
</template>
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import ProjectDashboardViewBase from './project-dashboard-view-base.vue';

import view_dashboard from '@widgets/project/dashboard-dashboard/dashboard-dashboard.vue';
@Component({
    components: {
        view_dashboard, 
    },
    beforeRouteEnter: (to: any, from: any, next: any) => {
        next((vm: any) => {
            if(!Object.is(vm.navModel,"route")){
                vm.initNavDataWithTab(vm.viewCacheData);
            }
            vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
        });
    },
})
export default class ProjectDashboardView extends ProjectDashboardViewBase {
}
</script>